/* 关于模块、留言模块样式 */
.about{
    background: #f5f5f5;
    padding: 20px;
    text-align: left;
    border-radius: 8px;
    box-shadow: 1px 1px 10px #888;
}

.about-title{
    font-weight: bold;
    font-size: 18px;
    padding-bottom: 15px;
    border-bottom: 1px solid #b9b9b9;
}

.about-content{
    padding: 13px 0;
}

.about-content > p{
    padding: 2px 0;
}

/* 留言模块样式 */
.message{
    margin-bottom: 20px;
    text-align: left;
}

.message > span{
    display: inline-block;
    width: 100%;
    padding: 15px 0;
    font-size: 16px;
    font-weight: bold;
}

.message-content{
    background: #d9edf7;
    border: 1px dashed #7ca4c1;
    padding: 15px 10px;
    color: #31708f;
    font-size: 14px;
    margin-bottom: 10px;
}

.message-content .pic{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    vertical-align: middle;
}

.message-content > p{
    padding-top: 5px
}

/* 发表评论模块样式 */
.comments{
    background: #f5f5f5;
    padding: 20px;
    text-align: left;
    border-radius: 8px;
    box-shadow: 1px 1px 10px #888;
    font-size: 14px;
}

.comments input, 
.comments textarea{
    box-sizing: border-box;
    padding: 5px 10px;
    margin: 5px 0;
    font-size: 14px;
    font-family: '微软雅黑';
    width: 48%;
    border-radius: 5px;
    border: 1px solid #8c8c8c;
}

.comments .p-right{
    float: right;
}

.comments textarea{
    width: 100%;
}

.comments .p-code{
    vertical-align: bottom;
}

.comments .codeSvg{
    display: inline-block;
    height: 32px;
}

.comments .btn{
    width: 100px;
    background: #fff;
    padding: 5px 10px;
    border: 1px solid #8c8c8c;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 5px;
}
.comments .btn:hover{
    background: #e6e6e6;
}